<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Hello Html!!!!</title>
	</head>
	<body>
		<!-- 标题 headline -->
		<h1>一级标题</h1>
		<h2>二级标题</h2>
		<h3>三级标题</h3>
		<h4>四级标题</h4>
		<h5>五级标题</h5>
		<h6>六级标题</h6>
		<!-- p=paragraph -->
		<p>京东（股票代码：JD），中国自营式电商企业，创始人刘强东担任京东集团董事局主席兼首席执行官 [1]  。旗下设有京东商城、京东金融、拍拍网、京东智能、O2O及海外事业部等。2013年正式获得虚拟运营商牌照。</p>
		<p>王老师是Java讲师,朱老师是Java讲师</p>
		<img src="img/bd_logo1.png"/>
		<img src="img/bd_logo1.png" width="100px" height="100px"></img>
		<img src="img/bd_logo1.png" width="100px" height="100px"/>
		<br /> <!-- 换行 -->
		<!-- a 超链接
        	target="_blank" 在新窗口打开
        -->
		<a href="http://www.baidu.com" target="_blank">超链接跳转到Baidu</a>
		
		<hr /> <!-- 水平线 -->
		
		<!-- 无序列表 ul=unordered list 
			li=list item
		-->
		<ul>
			<li>北京</li>
			<li>深圳</li>
			<li>上海</li>
			<li>广州</li>
		</ul>
		<!-- ol=ordered list -->
		<ol>
			<li>北京</li>
			<li>上海</li>
			<li>广州</li>
			<li>深圳</li>
		</ol>
		<!-- 无序列表和有序列表可以嵌套 -->
		<ul>
			<li>北京</li>
			<li>上海</li>
			<li>广州</li>
			<li>深圳</li>
			<li>
				山东
				<ol>
					<li>青岛</li>
					<li>济南</li>
					<li>烟台</li>
				</ol>
			</li>
		</ul>
		<hr />
		<span><u>山东省</u><i>青岛市</i><span style="color: red;">城阳区</span><b>春阳路大润发</b></span> 
		<hr />
		<div>
			<!-- 空格折叠现象
				普通的空格在html里面如果连续出现多个会被当成一个空格，
				如果想显示多个连续的空格就需要使用特殊的符号
				&nbsp;    Non-breaking Space
			-->
			锄禾日当&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;午<br/>
			汗滴禾下&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;土<br/>
			谁知盘中&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;餐<br/>
			粒粒皆辛&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;苦<br/>
			
			&lt;h1&gt;  dfdfff
			&copy;
		</div>		
	</body>
</html>
